﻿<div class="portlet light">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                菜单信息
            </div>
        </div>
    </div>
    <div class="portlet-body"> 
        <form class="form-horizontal">
            <div class="row">
                <div class="col-xs-4 col-sm-12 form-group">
                    <label for="inputPassword3" class="col-sm-3 control-label">菜单名称：</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" ng-model="Title" id="inputPassword3" placeholder="菜单">
                    </div>
                </div> 
            </div>
            <div class="row">
                <div class="form-group col-xs-4 col-sm-12">
                    <div class="col-sm-offset-3 col-sm-7">
                        <button type="button" class="btn btn-default btn-primary btn-raised" ng-click="btnSearch_Click()">
                            <i class="fa fa-search"></i>
                            查询
                        </button>
                    </div>
                </div>
            </div>
        </form>

        <div class="col-xs-12">
            <button class="btn btn-primary btn-mini btn-raised" ng-click="btnAdd_Click()" type="button">
                <i class="fa fa-plus"></i>
                Add
            </button>
        </div>

        <div class="col-xs-12">
            <div class="table-scrollable table-scrollable-borderless">
                <table class="table table-hover table-light col-xs-12">
                    <thead>
                        <tr class="active">
                            <th>操作</th>
                            <th>编号</th>
                            <th>图标</th>
                            <th>菜单名称</th>
                            <th>URL</th>
                            <th>显示权限</th>
                            <th>排序号</th>
                        </tr>
                    </thead>
                    <tbody >
                        <tr ng-repeat="menu in menuList">
                            <td>
                                <a class="btn-link" ng-click="btnAdd_Click(menu.id)">编辑</a>
                                <a class="btn-link" ng-click="btnDelete_Click(menu.id)">删除</a>
                                <a class="btn-link" ng-click="btnSublevel_Click(menu.id)">下级菜单</a>
                            </td>
                            <td>{{menu.id}}</td>
                            <td><i style="font-size:15px" class="material-icons">{{menu.icon}}</i></td>
                            <td>{{menu.title}}</td>
                            <td>{{menu.url}}</td>
                            <td>{{menu.view}}</td>
                            <td>{{menu.sortNo}}</td>
                        </tr> 
                    </tbody>
                </table>
            </div>
        </div>

        <div class="col-xs-12">
            <div class="pager">
                <div class="btn-group-sm pull-left">
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-step-backward"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-caret-left"></i>
                    </button>
                    <input class="form-control" type="text" ng-model="pager.page" ng-change="pageChange()" />
                    <span>
                        / {{pager.pages}}
                    </span>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-caret-right"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-step-forward"></i>
                    </button>
                    <select class="form-control" name="pgSize" ng-model="pager.limit" ng-change="pageSizeChange()" ng-options="pgSize as pgSize for pgSize in pageSizeList"></select>
                    <span>行每页</span>
                </div>

                <div class="pull-right">
                    <span>
                        {{pager.range.start}} - {{pager.range.end}}  共 {{pager.total}} 行
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>